<ion-view title="延期申请详情">
  <ion-content>
    <div class="list wrapper">
      <div class="item">
        类型：{{findFirstType(judgeDelayDetailCtrl.vacation.vacationInfo.type).name}}
      </div>
      <div class="item">
        子类型：<span ng-repeat="item in judgeDelayDetailCtrl.subtypelist">{{item.name}} </span>
      </div>
      <div class="item item-body">
        {{judgeDelayDetailCtrl.vacationDelay.reason}}
      </div>
      <div class="item item-divider">
        <div class="">
          <!-- <p ng-repeat="item in timelist" style="text-align: center">
            {{item.startdate | date:'yy年MM月dd日'}}
            <standard-time-no-meridian etime="item.starttime"></standard-time-no-meridian> ~
            {{item.enddate | date:'yy年MM月dd日'}}
            <standard-time-no-meridian etime="item.endtime"></standard-time-no-meridian>
          </p> -->
          <p style="text-align: center">
            {{judgeDelayDetailCtrl.vacationDelay.delayStarttime | date:'MM月dd日HH点'}} ~
            {{judgeDelayDetailCtrl.vacationDelay.delayEndtime | date:'MM月dd日HH点'}}
          </p>
        </div>
			</div>
      <div class="item" ng-show="judgeDelayDetailCtrl.vacationDelay.imgurl1">
        <div class="row">
          <div class="col col-33">
            <img alt="" ng-src="{{judgeDelayDetailCtrl.vacationDelay.imgurl1}}" style="width: 100%" ng-show="judgeDelayDetailCtrl.vacationDelay.imgurl1">
          </div>
          <div class="col col-33">
            <img alt="" ng-src="{{judgeDelayDetailCtrl.vacationDelay.imgurl2}}" style="width: 100%" ng-show="judgeDelayDetailCtrl.vacation.vacationInfo.imgurl2">
          </div>
          <div class="col col-33">
            <img alt="" ng-src="{{judgeDelayDetailCtrl.vacationDelay.imgurl3}}" style="width: 100%" ng-show="vacationsDetailCtrl.vacationDelay.imgurl3">
          </div>
        </div>
      </div>
    </div>
    <!-- <timeline>
      <timeline-event ng-click="goVacationDelay(event)" ng-repeat="event in events">
        <timeline-badge>
          <img alt="" src="img/ben.png" style="width: 100%; border-radius: 50%">
        </timeline-badge>
        <timeline-panel>
          <timeline-heading>
            <h4>{{event.title}}
              <span style="font-size: 12px; color: #aaa">{{event.time}}</span>
            </h4>
          </timeline-heading>
          <p>{{event.content}}</p>
        </timeline-panel>
      </timeline-event>
    </timeline> -->
		<div style="height: 40px"></div>
  </ion-content>
  <div class="fixed-bottom fixed-bottom-withtabs" style="height: 50px;color: #343434; background-color:#eee">
    <p style="line-height: 50px; text-align: center">当前状态：{{judgeDelayDetailCtrl.vacationDelay.status | vacationStatusZh}}</p>
  </div>

  <div class="fixed-bottom">
    <div class="button-bar button-full no-margin">
      <button class="button button-assertive" ng-disabled="!root.isUserCanJudgeVacation(judgeDelayDetailCtrl.vacationDelay)" ng-click="judgeDelayDetailCtrl.setApplyState(0)">驳回</button>
      <button class="button button-positive"  ng-disabled="!root.isUserCanJudgeVacation(judgeDelayDetailCtrl.vacationDelay)" ng-click="judgeDelayDetailCtrl.setApplyState(1)">通过</button>
    </div>
  </div>
</ion-view>
